﻿<!DOCTYPE html>
<html lang="en">
<head>
    <link href="../../statics/css/indexs/BigData.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index.css" rel="stylesheet" type="text/css" />
    <link href="../../statics/css/indexs/index01.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
    <link href="../../statics/css/indexs/Security_operation.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../../statics/js/artDialog/skins/default.css" type="text/css"/>
    <script src="../../statics/libs/jquery.min.js"></script>
    <script src="../../statics/js/indexs/home_page.js"></script>
    <meta charset="UTF-8">
    <title>阳曲服务区信息平台</title>
    <#include "/header.html">
    <style>
        .order{
            background-color: #666b8c;
        }
    </style>
</head>
<body >
<div style="color: white;font-size: 32px;position: absolute;text-align: center;padding-top: 1%;z-index: 9;left: 41%;" >阳曲服务区信息平台</div>
<div style="position: absolute;width: 30px;height: 20px;z-index: 9999999999999999999" onclick="goBackstage()"></div>
<div class="data_bodey">
    <div class="index_nav" >
        <ul style="height: 30px; margin-bottom: 0px;">
            <li class="l_left total_chose_fr "><a style="color: white" href="../../modules/page/page_1.html" class="nav-link">实时监测</a></li>
            <li class="l_left total_chose_pl " ><a style="color: white" href="../../modules/page/page_2.html" class="nav-link">流量分析</a></li>
            <li class="l_left total_chose_pl nav_active"><a style="color: white" href="../../modules/page/page_3.html" class="nav-link">订单分析</a></li>
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_4.html" class="nav-link">大屏推送</a></li>
            <li class="r_right total_chose_pl"><a style="color: white" href="../../modules/page/page_5.html" class="nav-link">车位管理</a></li>
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_6.html" class="nav-link">智慧公厕</a></li>
            <li class="r_right total_chose_fr"><a style="color: white" href="../../modules/page/page_7.html" class="nav-link">视频监控</a></li>
        </ul>
        <div class="total_chose_box" style="padding:1%;">
            <div style="height: 10px;"></div>
            <span id="thisDay" onclick="choicetime(0)" class="year_chose" style="background-color: #3366FF;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本天</span>
            <span id="thisMonth" onclick="choicetime(1)" class="year_chose" style="margin-left:5px;text-align:center;width:4%;height: 26px;line-height: 22px;cursor: pointer">本月</span>
            <input  style="margin-left:5px;float: left;display:inline-block;height:26px;width: 8% ;" type="text"  class="layui-input" id="choiceday" placeholder="选择日期">
            <input  style="margin-left:5px;float: left;display:none;height:26px;width: 8% ;" type="text"  class="layui-input" id="choicemonth" placeholder="选择月">
            <span  id="submit" onclick="query()" class="year_chose" style="margin-left:5px;width: 4% ;display:block;background-color: #3366FF;text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer">查询</span>
            <!--<span  onclick="choicetime(7)" class="year_chose" style="text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer;margin-left: 1%">近7天</span>
            <span  onclick="choicetime(30)" class="year_chose" style="text-align:center;width:5%;height: 26px;line-height: 22px;cursor: pointer;margin-left: 1%">近30天</span>-->
        </div>
        <div class="clear"></div>
    </div>
    <div class="index_tabs" >

        <div class="inner" ><!--赵-->
            <div class="data_left03">
                <div class="dataAllNo01 maginS01">
                    <div class="dataAllBorder01" style="height: 35%;margin: 0.5%">
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%">销售趋势</div>
                            <div class="data_chart" id="salesCurve" style="height: 100%;width: 97%"></div>
                        </div>
                    </div>
                    <div class="dataAllBorder01" style="height: 35%;margin: 0.5%">
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%">客流销售额趋势</div>
                            <div class="data_chart" id="salesCurve1" style="height: 100%;width: 97%"></div>
                        </div>
                    </div>
                    <div class="dataAllBorder01"  style="height: 30%;margin: 0.5%" ><!--左侧底部新增-->
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%;">客单价</div>
                                <div class="data_chart"  id="kdj" style="height: 100%;width: 97%"></div>
                                <!--<table class="table_data01" id="detaillist">

                                </table>-->


                        </div>
                    </div>
                </div>
            </div>
            <div class="data_left04">
                <!--style="margin-top: 6.3%"-->
                <div class="dataAllNo01">
                    <div class="dataAllBorder01" style="height: 70%;margin: 0.5%">
                        <div class="dataAllBorder02" >
                            <div class="data_tit3">营业额分析</div>
                            <table class="table_data02" style="height: 40%">
                                <!--<tr><td class="font07">销量总量</td><td class="font03">1560万元</td><td class="font07">营销投入量</td><td class="font02">560万</td></tr>
                                <tr><td class="font07">总利润</td><td class="font01">1000万元</td><td class="font07">利润率</td><td class="font01">464.15%</td></tr>
-->
                                <tr style="text-align: center"><td class="font07">销量总额</td><td id="totalz" class="font03"></td></tr>
                                <tr style="text-align: center"><td class="font07">南区销量总额</td><td id="stotalz" class="font01"></td></tr>
                                <tr style="text-align: center"><td class="font07">北区销量总额</td><td id="ntotalz" class="font01"></td></tr>

                            </table>
                            <p>
                            <div style="height: 55%" class="zhanleft01"  id="allAly01"></div>
                            <div style="height: 55%" class="zhanleft01"  id="allAly02"></div>
                            </p>
                            <!-- <p class="zhanleft02" id="allAly03"></p>-->
                        </div>
                    </div>
                    <div class="dataAllBorder01" style="height: 30%;margin: 0.5%"><!--中间底部新增-->
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%">实时订单</div>
                            <div  style=" width:98%;height: 85%;float: left;overflow-y: auto;margin-left: 1% ">
                                <div id="realtimed" class="message_scroll_box1">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="data_left03">
                <div class="dataAllNo01 maginS01">
                    <div class="dataAllBorder01"  style="height: 70%;margin: 0.5%">
                        <div class="dataAllBorder02">
                            <div class="data_tit3">单品销售排行</div>
                            <div id="paihang1" style="height: 90%"></div>
                            <!-- <div class="data_tit3">北区收入分析</div>
                             <table class="table_data01">
                                 <tr>
                                     <td>营业额：</td><td colspan="3" class="font02">123653元</td>
                                 </tr>
                                 <tr>
                                     <td>商家数：</td><td colspan="3" class="font02">17个</td>
                                 </tr>
                                 <tr><td>支出最多渠道</td><td class="font05">渠道A(56%)</td><td>支出最少渠道</td><td class="font04">渠道C(2.8%)</td></tr>
                                 <tr><td>渠道A支出</td><td class="font6">53602元</td><td>渠道A支出占比</td><td class="font6">4.8%</td></tr>
                                 <tr><td>渠道B支出</td><td class="font6">53602元</td><td>渠道B支出占比</td><td class="font6">4.8%</td></tr>
                                 <tr><td>渠道C支出</td><td class="font6">53602元</td><td>渠道D支出占比</td><td class="font6">4.8%</td></tr>

                             </table>-->
                            <!--<p class="data_chart01" id="zhanbi03"></p>-->
                        </div>
                    </div>
                    <div class="dataAllBorder01" style="height: 30%;margin: 0.5%"><!--右侧底部新增-->
                        <div class="dataAllBorder02">
                            <div class="data_tit3" style="height:7%">商品列表</div>
                            <div style="width: 98%;height: 90%;float: left;border: solid 1px #2c85d2;margin-left: 1%">
                                    <table class="table_data01" id="detaillist">

                                    </table>
                                <!--<img src="../../statics/css/img/shouyin2.jpg" style="width: 100%;height: 100%">-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
    <div id="northLayer" style="display: none;padding:10px;">
        <ul id="northTree" class="ztree"></ul>
    </div>
    <div id="southLayer" style="display: none;padding:10px;">
        <ul id="southTree" class="ztree"></ul>
    </div>
<script src="../../statics/js/indexs/echarts-all.js"></script>
<script src="../../statics/js/page/page_3.js"></script>
<script src="../../statics/libs/bootstrap.min.js"></script>
<script src="../../statics/libs/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../statics/js/indexs/jquery.pagination.js"></script>
<script src="../../statics/libs/bootstrap-table-zh-CN.min.js"></script>
<!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>-->
    <script src="../../statics/plugins/layui2.5.6/layui.js"></script>
<!--<script src="js/MainMap.js"></script>-->
<script src="../../statics/js/indexs/home_page.js"></script>
<script src="../../statics/js/artDialog/artDialog.js"></script>
<script src="../../statics/js/artDialog/plugins/iframeTools.source.js"></script>
<script src="../../statics/plugins/hikvision/jsencrypt.min.js"></script>
<script src="../../statics/plugins/hikvision/jsWebControl-1.0.0.min.js"></script>
<script src="../../statics/js/indexs/hikvision.js"></script>
<script src="../../statics/js/indexs/hikvision3.js"></script>
   <!-- <script src="../../statics/plugins/ztree/jquery.ztree.all.min.js"></script>-->
<script>

    function goBackstage() {
        window.location.href="../../index.html";
    }

</script>
<script>

    layui.use('laydate', function() {
        var laydate = layui.laydate;
        //日期时间选择器
        laydate.render({
            elem: '#beginTime'
             ,type: 'datetime'
        });
        laydate.render({
            elem: '#endTime'
            ,type: 'datetime'
        });
        //自定义格式
        laydate.render({
            elem: '#choiceday'
            ,format: 'yyyy-MM-dd'
        });
        //年月选择器
        laydate.render({
            elem: '#choicemonth'
            ,type: 'month'
        });

    });

    function TimeControl1(){
        $(".message_scroll_box1").animate({marginTop:20},800,
            function(){
                $(".message_scroll_box1").css({marginTop:0});    //把顶部的边界清零
                $(".message_scroll_box1 .message_scroll1:first").before($(".message_scroll_box1 .message_scroll1:last"));    //在第一个新闻后面插入最后一个新闻

            });
    }
    var T1=setInterval(TimeControl1,2300);    //开始定时
    $(".message_scroll_box1").mouseenter(function(){
        clearInterval(T1);    //停止定时
    })
        .mouseleave(function(){
            T1=setInterval(TimeControl1,2500);    //再次定时
        })
    </script>

</body>
</html>



























